<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>新冠确诊统计</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div align="center">
        <h2>全球新冠确诊人数统计</h2>
        全球确诊总人数：<span th:text="${sum}">11</span><br>
        <span th:text="${lastTime}">11</span>
        <form class="form-inline" action="/search" method="post">
            <input type="text" name="str" class="form-control" id="email" placeholder="地区/国家">
            <button type="submit" class="btn btn-primary">搜索</button>
        </form><br>
    </div>

    <table class="table table-bordered">
        <thead>
            <tr>
                <td>地区</td>
                <td>国家</td>
                <td>最新确诊人数</td>
                <td>今日新增确诊人数</td>
            </tr>
        </thead>
        <tbody>
            <tr th:each="regionStats : ${regionStatsList}">
                <td th:text="${regionStats.state}"></td>
                <td th:text="${regionStats.country}"></td>
                <td th:text="${regionStats.latestTotalCases}"></td>
                <td th:text="${regionStats.increaseFromPrevDay}"></td>
            </tr>
        </tbody>
    </table>
</div>
</body>
</html>